<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="../../js/JsUnit.js"></script>
    <script>

        //注：attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)



        $(function () {

            $("input:eq(0)").on({
                click: function () {
                    //$("#single").val(5);
                    //$("#single").val("选择5号"); //好像不行
                }
            });

            $("input:eq(1)").on({
                click: function () {
                    $("#multiple").val(["2", "3"]);
                    //$("#multiple").val(["选择2号", "选择3号"]);//好像不行
                }
            });

            //设置radio
            $("input:eq(2)").on({
                click: function () {
                    //$(":radio").val(["radio2"]);
                    //$('input:radio:eq(1)').attr('checked', 'true');
                    //$('input:radio').eq(1).attr('checked', 'true');
                    //$(":radio[value='radio3']").val(["radio3"]);
                    $('input:radio:last').prop('checked', true);
                }
            });

            $("input:eq(3)").on({
                click: function () {
                    $('input:checkbox').slice(1, 3).attr('checked', 'true');
                }
            });

            $("input:eq(4)").on({
                click: function () {
                }
            });

            $("input:eq(5)").on({
                click: function () {
                    $("#single").val();
                }
            });

            $("input:eq(6)").on({
                click: function () {
                    //方法1
                    var v = $("#radio input:radio:checked").val();
                    log(v);

                    //方法2
                    var v = $("#radio input[name='sex']:checked").val();
                    log(v);

                    //方法3
                    var v = $("#radio input[type='radio']:checked").val();
                    log(v);
                }
            });

            $("input:eq(7)").on({
                click: function () {
                    $("#single").val();
                }
            });

        });
    </script>
</head>
<body>
    <input type="button" value="设置单选下拉框选中" />
    <input type="button" value="设置多选下拉框选中" />
    <input type="button" value="设置单选框选中" />
    <input type="button" value="设置多选框选中" /><br />
    <input type="button" value="获取单选下拉框选中" />
    <input type="button" value="获取多选下拉框选中" />
    <input type="button" value="获取单选框选中" />
    <input type="button" value="获取单选框和多选框选中" />
    <br />
    <br />
    <select id="single">
        <option value="1">选择1号</option>
        <option value="2">选择2号</option>
        <option value="3">选择3号</option>
        <option value="4">选择4号</option>
        <option value="5">选择5号</option>
    </select>
    <select id="multiple" multiple="multiple" style="height:120px;">
        <option value="1" selected="selected">选择1号</option>
        <option value="2">选择2号</option>
        <option value="3">选择3号</option>
        <option value="4">选择4号</option>
        <option value="5" selected="selected">选择5号</option>
    </select>

    <div id="checkbox">
        <input type="checkbox" value="check1" />
        多选1 
    <input type="checkbox" value="check2" />
        多选2 
    <input type="checkbox" value="check3" />
        多选3 
    <input type="checkbox" value="check4" />
        多选4 
    </div>

    <div id="radio">
        <input type="radio" value="radio1" name="sex" />
        单选1 
    <input type="radio" value="radio2" name="sex" />
        单选2 
    <input type="radio" value="radio3" name="sex" />
        单选3 
    </div>

</body>
</html>
